import React, { useState } from 'react';
import { Modal, Button, Form, Input, DatePicker,Select } from 'antd';

export const Bounced = (isModalVisible, handleOk, handleCancel) => {
    const { Option } = Select;


    return (
        <>
            {/* <Button type="primary" onClick={showModal}>
        Open Modal
      </Button> */}
            <Modal title="高级检索" visible={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
                <Form
                // {...formItemLayout}
                // layout={formLayout}
                // // form={form}
                // initialValues={{ layout: formLayout }}
                // onValuesChange={onFormLayoutChange}
                >
                    <Form.Item label="用户账号">
                        <Input placeholder="用户ID/账号" />
                    </Form.Item>
                    <Form.Item label="用户姓名">
                        <Input placeholder="用户姓名" />
                    </Form.Item>
                    <Form.Item label="用户标签">
                        <Select placeholder="全部" >
                            <Option value="male">male</Option>
                            <Option value="female">female</Option>
                            <Option value="other">other</Option>
                        </Select>
                    </Form.Item>
                    <Form.Item label="注册时间">
                        <DatePicker />
                    </Form.Item>
                </Form>
            </Modal>
        </>
    );
};
